
	<header>
		<div class="header_t  layout">
			<div class="address">
				<a href="#">配送至：</a>
				<a href="#">CHS</a>
				<a href="#">CNY</a>
			</div>
			<ul class="header_t_r">
				<li><a href="#">集团采购</a></li>
				<li><a href="#">商家入驻</a></li>
				<li><a href="#">客户服务</a>
					<ul class="client">
						<li><a href="#">在线客服</a></li>
						<li><a href="#">帮助中心</a></li>
					</ul>
				</li>
			</ul>
		</div>
		
		<!-------------------  可变动的层  ---------------------->
		
		<div class="header_c">
		<div class="layout">
			
			<!------ logo ------->
			<div class="logo"><img src="img/logo.png"/></div>
			
			<!-------- search -------->
			<div class="header_c_c">
				<input type="text"  id="index_f1_text" class="searchInput" placeholder="DW手表上新"/>
				<input type="button" class="search"/>
			 	<ol class="search_ol" id="ol"></ol>  
			</div>
			
			<!-------- 登录 注册 购物车 --------->
			<div class="header_c_r">
				<div class="header_c_rlogin">
					<p><img src="img/login_icon.png"><a>登录</a><a>注册</a></p>
					<input type="button" value="登录" onclick="window.location.href = 'login.html'"/>
					<p>不是会员?<br/>
					<a href="register.html">立即注册</a></p>
				</div>
				
				<div class="header_c_rcart" onclick="window.open('cart.html')">
					<p><img src="img/cart_icon.png"/><span>&nbsp;购物车</span></p>
					<div class="header_cartNum" id="header_cartNum">0</div>
					<div class="header_cart">
						<div>购物车还没有商品，<br/>
                                                                                       快去挑选心爱的商品吧。
						</div>
						
						<div class="layout_cart">
							
							
						</div>
						
						
						
					</div>
				</div>
				
			</div>
		</div>	
		</div>
		
		<!--------->
		<div class="header_nav  layout">
			<p><a href="#">CPB</a><a href="#">BOSE</a><a href="#">施华洛世奇</a><a href="#">TUMI</a><a href="#">剑桥包</a><a href="#">superdry</a><a href="#">新秀丽</a><a href="#">床垫</a></p>
		</div>
		
		<!----------------------- nav --------------------------->
		
		<div class="nav">
		<div class="layout">	
		 	
			<div class="nav_l">
				<p>全部分类</p>
				<ul class="menu">
					<li>
						<p><a href="list.html">服饰鞋包</a></p>
						<a>潮流箱包| </a>
						<a>女表|</a>
						<a>时尚饰品</a>
						
					</li>
					<li>
						<p><a href="#">美妆个护</a></p>
						<a>面部护理| </a>
						<a>彩妆香水|</a>
						<a>女士香水</a>
					</li>
					<li>
						<p><a href="#">家居用品</a></p>
						<a>床垫| </a>
						<a>厨房用品|</a>
						<a>酒具/酒杯</a>
					</li>
					<li>
						<p><a href="#">家电数码</a></p>
						<a>美容仪| </a>
						<a>吹风机|</a>
						<a>空气净化</a>
					</li>
					<li>
						<p><a href="#">保健护理</a></p>
						<a>中西药品| </a>
						<a>营养保健|</a>
						<a>补气养血</a>
					</li>
					<li>
						<p><a href="#">运动户外</a></p>
						<a>健身器材| </a>
						<a>板鞋|</a>
						<a>垂钓</a>
					</li>
					<li>
						<p><a href="#">食品生鲜</a></p>
						<a>坚果炒货| </a>
						<a>饮料冲调|</a>
						<a>葡萄酒</a>
					</li>
					<li>
						<p><a href="#">母婴玩具</a></p>
						<a>宝宝护理| </a>
						<a>营养辅食|</a>
						<a>毛绒玩具</a>
					</li>
				</ul>
				
				<div class="second_menu">
					<div class="sec_ml">
							
					</div>
					<div class="sec_mr">
					
					
					</div>
				</div>
			</div>
			<a href="#">超值特惠</a>
			<a href="#">发现惊喜</a>
			<a href="#">限时购</a>
			<a href="#">国家地区馆</a>
			<a href="#">品牌</a>
		
		</div>
	</div>	
	</header>
	
	
	
	
	<footer>
		<div class="foot_t  layout">
			<p>
				<span>输入邮箱订阅优惠信息</span>
				<input type="text" class="foot_searchInput" placeholder="请输入你的邮箱地址"/>
				<input type="button" class="foot_search" value="订阅"/>
				
			</p>
			<p>
				<a href="#"><img src="img/footer/webo_icon.jpg"/></a>
				<a href="#"><img src="img/footer/twitter_icon.jpg"/></a>
				<a href="#"><img src="img/footer/facebook_icon.jpg"/></a>
			</p>
		</div>
		
		<!-------------footer 中部--------------->
		<div class="foot_c">
			<div class="layout">
				<div class="foot_cl">
					<ul>
						<li><h3>购物指南</h3></li>
						<li><a href="#">购物下单</a></li>
						<li><a href="#">关税清关</a></li>
						<li><a href="#">站内优惠</a></li>
						<li><a href="#">积分说明</a></li>
					</ul>
					<ul>
						<li><h3>物流配送</h3></li>
						<li><a href="#">配送方式</a></li>
						<li><a href="#">物流跟踪</a></li>
					</ul>
					<ul>
						<li><h3>售后服务</h3></li>
						<li><a href="#">退货政策</a></li>
						<li><a href="#">退款说明</a></li>
						<li><a href="#">商品保修</a></li>
					</ul>
					<ul>
						<li><h3>常见问题</h3></li>
						<li><a href="#">商品问题</a></li>
						<li><a href="#">支付问题</a></li>
					</ul>
					<ul>
						<li><h3>关于我们</h3></li>
						<li><a href="#">关于西集</a></li>
						<li><a href="#">销售网络</a></li>
						<li><a href="#">正品保障</a></li>
						<li><a href="#">消费者通知书</a></li>
						<li><a href="#">加入西集</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律政策</a></li>
						<li><a href="#">友情链接</a></li>
					</ul>
			    </div>
			    
			    <div class="foot_cc">
			    	<p>海外运营中心</p>
					<p>香港运营中心：hkservice@xiji.com</p>
					<p>北美运营中心：customercare@xiji.us</p>
					<p>日本运营中心：jpservice@xiji.com</p>
					<p>欧洲运营中心：eurservice@xiji.com</p>
					<p>澳新运营中心：anzservice@xiji.com</p>
			    	
					<p>中国大陆运营中心</p>
					<p>在线客服：点击<a href="#">联系在线客服</a></p>
					<p>客服热线：400-691-6161（仅限中国大陆地区）</p>
					<p>工作时间：9:00-22:00 (北京时间)</p>
					<p>联络邮箱：service@xiji.com</p>

				</div>
				<div class="foot_cr">
					<p>扫码下载客户端</p>
					<a href="#"><img src="img/footer/app_download.png" /></a>
				</div>
			
			
		    </div>
			
		</div>
		
		<!------------ footer 底部 ------------>
		<div class="foot_bottom">
			<div class="foot_b  layout">
				<p>Copyright&copy;2017 XIJI Hongkong Co., Ltd xiji.com 保留一切权利。 京ICP备14062442号</p>
				<p>
					<a href="#"><img src="img/footer/1.gif" /></a>
					<a href="#"><img src="img/footer/2.gif" /></a>
					<a href="#"><img src="img/footer/3.png" /></a>
					<a href="#"><img src="img/footer/4.png" /></a>
				</p>
				
			</div>
		</div>
	</footer>
	
	